import styled from 'styled-components';
import React, { CSSProperties, useState, useCallback, useEffect, useRef, ReactNode } from 'react';
import { PlusCircleFilled, DeleteOutlined, ShareAltOutlined, SettingOutlined, ReloadOutlined, InfoCircleOutlined, NodeIndexOutlined, ApartmentOutlined, PartitionOutlined, ProfileOutlined } from '@ant-design/icons';
import {
    RiCursorLine,
    RiFunctionAddLine,
    RiHand,
    RiStickyNoteAddLine,
} from '@remixicon/react';

import { Toolbar } from './ui';

export const WorkflowToolbar = () => {
    const [action, setAction] = useState<string>('');

    return <Toolbar
        style={{
            backgroundColor: '#FFF',
            padding: '1px 6px'
        }}
        activeKey={action}
        items={[
            {
                key: '信息',
                icon: <PlusCircleFilled />,
            },
            {
                key: '删除',
                icon: <RiHand style={{ width: '20px', height: '20px' }} />,
            }
        ]}
        onChange={async (key: string, isAction?: boolean) => {
            if (isAction) {
                //删除
            } else {
                setAction(key);
            }
        }}></Toolbar>
}